<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>万表网</title>
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/cart.min.css">
    <script src="./js/cart_main.js" type="module"></script>
</head>

<body>

    <!-- //顶部区域 -->
    <div class="top">
        <div class="top-w">
            <div class="top-fl">
                <a href="javascript:void(0);">正品保障，免息分期！</a>
            </div>
            <div class="top-fr">
                <div class="login">
                    <a href="./login.html">请登录</a>
                    <a href="./reg.html">注册即送6800元大礼包</a>
                </div>
                <div class="other">
                    <span class="line">丨</span>
                    <a href="" class="cart">购物车<span>(<i>0</i>)</span></a>
                    <a href="javascript:void(0)">客户服务</a>
                    <a href="javascript:void(0)">会员福利</a>
                    <span class="line">丨</span>
                    <a href="javascript:void(0)">ENGLISH</a>
                </div>
            </div>
        </div>
    </div>


    <div class="head">
        <div class="head-l">
            <a href="./index.html">
                <img src="./images/logo-icon.png" alt="">
                <img src="./images/slogan02.png" alt="">
            </a>
        </div>
        <div class="head-r">
            <ul>
                <li><i></i><span>购物车</span></li>
                <li><i></i><span>填写订单信息</span></li>
                <li><i></i><span>支付订单</span></li>
                <li><i></i><span>等待签收</span></li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="wrap">
            <h2>全部商品 ( <em>0</em> )</h2>
            <div style="height:54px">
                <div class="nav">
                    <span>商品信息</span>
                    <ul>
                        <li>单价</li>
                        <li>数量</li>
                        <li>小计</li>
                        <li>操作</li>
                    </ul>
                </div>
            </div>
            <div class="content">
                <div class="cn_top">
                    <span><input type="checkbox" class="all"></span>全选
                </div>
                <div class="renderGoods clearfix">
                    <!-- 渲染的购物车数据 -->
                </div>

                <div class="fool">
                    <ul>
                        <li><a href="javascript:void(0)" class="delall">删除</a></li>
                        <li><a href="javascript:void(0)">移入收藏</a></li>
                        <li><a href="javascript:void(0)">清空失效商品</a></li>
                        <li><span>已选商品<em class="sum">0</em>件</span></li>
                        <li><a href="javascript:void(0)" class="gogo">结算</a></li>
                        <li>
                            <p>合计<span>￥<i class="total_price">0</i></span></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="cart_empty">
            <i></i>
            <p>你的购物车还是空的</p>
            <div class="btn">
                <a href="./index.html">马上购物</a>
                <a href="javascript:void(0)">查看收藏</a>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="footer">
        <div class="ribbon">
            <div class="w">
                <a href="javascript:void(0)"><span></span> 正品保障</a>
                <a href="javascript:void(0)"><span></span> 免息分期</a>
                <a href="javascript:void(0)"><span></span> 全球联保</a>
                <a href="javascript:void(0)"><span></span> 假一赔三</a>
                <a href="javascript:void(0)"><span></span> 终身售后</a>
            </div>
        </div>
        <div class="inst">
            <div class="inst_left">
                <p class="p1">客服电话</p>
                <p class="p2">400-883-2688</p>
                <p><b>外呼电话</b><b>400-883-2688</b></p>
                <a href="javascript:void(0)">售后维修</a>
            </div>
            <div class="inst_middle">
                <dl>
                    <dt>新手指南</dt>
                    <dd><a href="./reg.html">注册新会员</a></dd>
                    <dd><a href="javascript:void(0)">购物流程</a></dd>
                    <dd><a href="javascript:void(0)">手表小知识</a></dd>
                    <dd><a href="javascript:void(0)">退换货流程</a></dd>
                </dl>
                <dl>
                    <dt>支&nbsp; 付</dt>
                    <dd><a href="javascript:void(0)">支付方式</a></dd>
                    <dd><a href="javascript:void(0)">分期付款</a></dd>
                    <dd><a href="javascript:void(0)">发票说明</a></dd>
                    <dd><a href="javascript:void(0)">支付问题</a></dd>
                </dl>
                <dl>
                    <dt>配&nbsp; 送</dt>
                    <dd><a href="javascript:void(0)">包裹签收</a></dd>
                    <dd><a href="javascript:void(0)">配送方式</a></dd>
                    <dd><a href="javascript:void(0)">配送说明</a></dd>
                    <dd><a href="javascript:void(0)">自提送货</a></dd>
                </dl>
                <dl>
                    <dt>万表保障</dt>
                    <dd><a href="javascript:void(0)">正品保障</a></dd>
                    <dd><a href="javascript:void(0)">售后服务</a></dd>
                    <dd><a href="javascript:void(0)">价格保护</a></dd>
                    <dd><a href="javascript:void(0)">七天退换说明</a></dd>
                </dl>
                <dl>
                    <dt>开放合作</dt>
                    <dd><a href="javascript:void(0)">关于万表</a></dd>
                    <dd><a href="javascript:void(0)">商务合作</a></dd>
                    <dd><a href="javascript:void(0)">万象声明</a></dd>
                </dl>
            </div>
            <div class="inst_ggt">
                <img src="./images/ggt.png" alt="">
            </div>
        </div>
        <div class="wrap">
            <div class="link">
                <a href="javascript:void(0)">手表维修</a>
                <a href="javascript:void(0)">加盟商</a>
                <a href="javascript:void(0)">招聘</a>
                <a href="javascript:void(0)">装修</a>
                <a href="javascript:void(0)">世界名表</a>
                <a href="javascript:void(0)">法律咨询</a>
                <a href="javascript:void(0)">车主指南</a>
                <a href="javascript:void(0)">天气预报</a>
                <a href="javascript:void(0)">房产网</a>
                <a href="javascript:void(0)">孔夫子旧书网</a>
                <a href="javascript:void(0)"> &gt;</a>
            </div>
            <div class="corp">
                <p>万表网名表商城 版权所有 2009-2021 ICP备案证书号:粤ICP备09108738号</p>
                <p>营业执照 网监备案:4401060103141 增值电信业务经营许可证：粤B2-20211447</p>
                <p>广州市万表科技股份有限公司 地址:广州市番禺区番禺大道北16号</p>
                <p>Copyright 2009-2021 WWW.WBIAO.CN.LTD ALL RIGHT RESERVED.</p>
            </div>
        </div>
        <div class="filing">
            <div class="w">
                <a href="javascript:void(0)"><img src="./images/filing.png" alt=""></a>
                <a href="javascript:void(0)"><img src="./images/filings.png" alt=""></a>
            </div>
        </div>
    </div>
    <script src="./js/libs/3.1.1/jquery.min.js"></script>
    <script src="./js/libs/3.1.1/layer.js"></script>
</body>

</html>